// pages/bank-list/bank-list.js
import bankList from '../../utils/bankList.js';

Page({

    /**
     * 页面的初始数据
     */
    data: {
      eventChannel: null,
      searchValue: '',
      hotList: [
        {
          name: '招商银行',
          icon: '../../assets/img/bank-list/zsyh.png'
        },
        {
          name: '工商银行',
          icon: '../../assets/img/bank-list/gsyh.png'
        },
        {
          name: '农业银行',
          icon: '../../assets/img/bank-list/nyyh.png'
        },
        {
          name: '中国银行',
          icon: '../../assets/img/bank-list/zgyh.png'
        },
        {
          name: '建设银行',
          icon: '../../assets/img/bank-list/jsyh.png'
        },
        {
          name: '交通银行',
          icon: '../../assets/img/bank-list/jtyh.png'
        },
        {
          name: '中信银行',
          icon: '../../assets/img/bank-list/zxyh.png'
        },
        {
          name: '中国光大银行',
          icon: '../../assets/img/bank-list/gdyh.png'
        },
        {
          name: '浦发银行',
          icon: '../../assets/img/bank-list/pfyh.png'
        },
        {
          name: '中国民生银行',
          icon: '../../assets/img/bank-list/msyh.png'
        },
        {
          name: '中国邮政储蓄银行',
          icon: '../../assets/img/bank-list/yzyh.png'
        },
      ],
      bankList: []
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
      this.data.eventChannel = this.getOpenerEventChannel()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },

    handleSelect(ev) {
      const data = ev.currentTarget.dataset
      this.data.eventChannel.emit('bankName', {
        name: data.name
      })
      wx.navigateBack()
    },

    handleSearch(ev) {
      const value = ev.detail.value
      console.log(value, '中国人民'.includes('中'));
      const list = bankList.filter(i => i.name.includes(value))
      console.log(list);
      this.setData({
        searchValue: value,
        bankList: list
      })
    },
    handleInit() {
      this.setData({
        searchValue: ''
      })
    }
})